<template>
  <div class="online-csbtn" id="csbtn">
    <div class="icon-bg4"></div>
    <div style="text-align: center;font-size: 12px;line-height: 16px;margin: 0 auto;width: 24px;color: #FFFFFF;">
        在线客服
    </div>
  </div>
</template>

<script>
export default {
  name: 'SmallCustomerServer',
  methods: {

  },
  created () {

  }
}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'
.online-csbtn {
  height: 70px;
  width: 36px;
  position: fixed;
  bottom: 100px;
  right: 1px;
  z-index: 100;
  background-color: $baseColor;
  padding-top: 9px;
  cursor: pointer;
}
.icon-bg4 {
  margin: 0 auto 3px;
  width: 16px;
  height: 16px;
  background: url('~img/spritesIndex_1.png') no-repeat;
  -webkit-background-size: 300px 150px;
  background-size: 300px 150px;
  background-position-x: -80.5px;
  background-position-y: -117.5px;
  overflow: hidden;
}
#MEIQIA-PANEL-HOLDER{
  right: 1px!important;
}
</style>
